.datatable > div {
    @apply text-black dark:text-white-dark;
}

.datatable .bh-table-responsive {
    @apply rounded-none;
}

.datatable .bh-table-responsive table thead tr th {
    @apply font-bold;
}

.datatable .bh-pagination {
    @apply font-medium;
}

.datatable .bh-pagination .bh-page-item {
    @apply h-9 w-9 border-white-light bg-white-light text-dark hover:bg-primary hover:text-white dark:border-[#191e3a] dark:bg-[#191e3a] dark:text-white-light dark:hover:bg-primary dark:hover:text-white;
}

.datatable .bh-pagination .bh-page-item.bh-active {
    @apply bg-primary text-white;
}

.datatable .bh-pagination .bh-page-item.bh-active {
    @apply dark:bg-primary dark:text-white;
}

.datatable .bh-pagination select {
    @apply rounded-md border border-[#e0e6ed] bg-white py-1.5 pl-2 pr-4 text-sm font-semibold text-black focus:border-primary focus:ring-transparent dark:border-[#17263c] dark:bg-[#121e32] dark:text-white-dark dark:focus:border-primary;
}

.datatable .bh-pagination .bh-pagination-number {
    @apply rtl:!ml-0 rtl:space-x-reverse rtl:sm:mr-auto;
}

.datatable .bh-pagination .bh-pagination-info > span {
    @apply rtl:mr-0 rtl:ml-2;
}

.datatable.invoice-table .bh-pagination {
    @apply px-5;
}

.datatable .bh-filter div button {
    @apply block;
}

.datatable .bh-sort svg polygon {
    @apply dark:text-dark;
}

.datatable .bh-filter .bh-form-control {
    @apply dark:!border-[#17263c] dark:!bg-[#121e32] dark:!text-white-dark dark:focus:!ring-transparent;
}

.datatable .bh-filter > button {
    @apply dark:border-dark dark:bg-dark dark:text-white-dark dark:hover:text-white-light;
}

.datatable .bh-filter-menu button {
    @apply dark:bg-[#1b2e4b] dark:hover:bg-[#181f32] dark:hover:text-white-dark;
}

.datatable .bh-filter-menu button.active {
    @apply dark:bg-[#181f32];
}

.datatable .bh-table-responsive input[type='checkbox'] + div {
    @apply rounded border-2 border-[#e0e6ed] bg-transparent text-primary dark:border-[#253b5c];
}

.datatable .bh-table-responsive input[type='checkbox']:checked + div,
.datatable .bh-table-responsive input[type='checkbox']:indeterminate + div {
    @apply border-primary !bg-primary;
}

.datatable .bh-table-responsive table.table-bordered thead tr th,
.datatable .bh-table-responsive table.table-bordered tbody tr td {
    @apply dark:border-[#191e3a];
}

.datatable .bh-table-responsive table th.bh-sticky,
.datatable .bh-table-responsive table td.bh-sticky {
    @apply bg-[#f6f8fa]  dark:bg-[#1a2941];
}

.datatable .bh-filter-menu {
    @apply min-w-max;
}

.next-prev-pagination .bh-pagination > div {
    @apply flex-col justify-center;
}

.next-prev-pagination .bh-pagination .bh-pagination-number {
    @apply ltr:ml-0 rtl:mr-0;
}

.next-prev-pagination .bh-pagination .bh-page-item {
    @apply w-max rounded-md border-primary bg-transparent px-5 py-2 text-primary dark:border-primary dark:bg-transparent dark:text-primary;
}

.datatable .bh-table-responsive table.bh-table-bordered tbody tr td,
.datatable .bh-table-responsive table.bh-table-bordered thead tr th {
    @apply border-white-light/40 dark:border-[#191e3a];
}

.datatable .bh-table-responsive table.bh-table-hover tbody tr {
    @apply hover:!bg-white-light/20 dark:hover:!bg-[#1a2941]/40;
}

.datatable .bh-table-responsive table.bh-table-striped tbody tr:nth-child(odd) {
    @apply !bg-white-light/20 dark:!bg-[#1a2941]/40;
}

.datatable .bh-sort {
    @apply rtl:ml-0 rtl:mr-3;
}

.datatable .bh-table-responsive table tbody tr td,
.datatable .bh-table-responsive table tfoot tr th,
.datatable .bh-table-responsive table thead tr th {
    @apply rtl:text-right;
}
